@extends('home.frame')
<link href="/ho/css/orstyle.css" rel="stylesheet" type="text/css">
@section('content')
    <div class="main-wrap">

        <div class="user-orderinfo">

            <!--标题 -->
            <div class="am-cf am-padding">
                <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order&nbsp;details</small></div>
            </div>
            <hr/>
            <!--进度条-->
            <div class="m-progress">
                <div class="m-progress-list">
								<span class="step-1 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                                   <p class="stage-name">拍下商品</p>
                                </span>
                    <span class="step-2 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                                   <p class="stage-name">卖家发货</p>
                                </span>
                    <span class="step-3 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">3<em class="bg"></em></i>
                                   <p class="stage-name">确认收货</p>
                                </span>
                    <span class="step-4 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">4<em class="bg"></em></i>
                                   <p class="stage-name">交易完成</p>
                                </span>
                    <span class="u-progress-placeholder"></span>
                </div>
                <div class="u-progress-bar total-steps-2">
                    <div class="u-progress-bar-inner"></div>
                </div>
            </div>
            <div class="order-infoaside">
                <div class="order-logistics">
                    <a href="logistics.html">


                        <span class="am-icon-angle-right icon"></span>
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="order-addresslist">
                    <div class="order-address">
                        <div class="icon-add">
                        </div>
                        <p class="new-tit new-p-re">
                            <span class="new-txt">{{$ndata['o_name']}}</span>
                            <span class="new-txt-rd2">{{$ndata['o_phone']}}</span>
                        </p>
                        <div class="new-mu_l2a new-p-re">
                            <p class="new-mu_l2cw">
                                <span class="title">收货地址：</span>

                                <span class="street">{{$ndata['oaddress']}}</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-infomain">

                <div class="order-top">
                    <div class="th th-item">
                        <td class="td-inner">商品</td>
                    </div>
                    <div class="th th-price">
                        <td class="td-inner">单价</td>
                    </div>
                    <div class="th th-number">
                        <td class="td-inner">数量</td>
                    </div>
                    <div class="th th-operation">
                        <td class="td-inner">商品操作</td>
                    </div>
                    <div class="th th-amount">
                        <td class="td-inner">合计</td>
                    </div>
                    <div class="th th-status">
                        <td class="td-inner">交易状态</td>
                    </div>
                    <div class="th th-change">
                        <td class="td-inner">交易操作</td>
                    </div>
                </div>

                <div class="order-main">

                    <div class="order-status3">
                        <div class="order-title">
                            <div class="dd-num">订单编号：<a href="javascript:;">{{$ndata['onumber']}}</a></div>
                            <span>成交时间：{{date('Y-m-d',$ndata['otime'])}}</span>
                            <!--    <em>店铺：小桔灯</em>-->
                        </div>
                        <div class="order-content">
                            <div class="order-left">
                                @foreach($data as $k=>$v)
                                    <ul class="item-list">
                                        <li class="td td-item">
                                            <div class="item-pic">
                                                <a href="#" class="J_MakePoint">
                                                    <img src="http://lamp187mall.oss-cn-beijing.aliyuncs.com/{{$v['good']['gphoto']}}" class="itempic J_ItemImg">
                                                </a>
                                            </div>
                                            <div class="item-info">
                                                <div class="item-basic-info">
                                                    <a href="#">
                                                        <p>{{$v['good']['gname']}}</p>
                                                        <p class="info-little">特点：{{$v['good']['gfeature']}}
                                                        </p>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="td td-price">
                                            <div class="item-price">
                                                {{$v['good']['gcost']}}
                                            </div>
                                        </li>
                                        <li class="td td-number">
                                            <div class="item-number">
                                                <span>×</span>{{$v['onum']}}
                                            </div>
                                        </li>
                                        <li class="td td-operation">
                                            <div class="item-operation">
                                                退款/退货
                                            </div>
                                        </li>
                                    </ul>
                                @endforeach



                            </div>
                            <div class="order-right">
                                <li class="td td-amount">
                                    <div class="item-amount">
                                        合计：{{$data[0]['onum']}}

                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="td td-status">
                                        <div class="item-status">
                                            <p class="Mystatus">卖家已发货</p>
                                            <p class="order-info"><a href="logistics.html">查看物流</a></p>

                                        </div>
                                    </li>
                                    <li class="td td-change">
                                        <a href="/home/order/ok/{{$ndata['onumber']}}">
                                            <div class="am-btn am-btn-danger anniu">
                                                确认收货</div>
                                        </a>

                                    </li>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--底部-->
@endsection